//创建一个vue 工程化项目 步骤

// 01: 首先安装node>=16
// 02: 执行命令创建vue 项目  npm init vue@latest
// 03: 创建项目的时候, 会让开发者进行一些配置项的选择 , 选择 yes 或no
// 04: 如上命令会在当前项目中创建一个项目, 进行项目的根目录 cd 项目名称
// 05: 安装依赖. npm i  命令 会自动根据项目根目录下的package.json 文件中的dependencies
// 和 devDependencies中记录的依赖包去进行全部安装
// 06: 原型项目 npm run dev 命令. 这样就会打开本地的nodejs 脚手架中搭建好的服务器, 项目在本地服务器跑起来了


// 项目结构
// node_modules  项目中通过npm i 包名 下载所有的包都会在node_modules
// public 放在一些静态资源, 浏览器可以直接访问静态资源
// src 开发者主要操作的目录
    // assets: 静态资源, 存放项目中需要的图片, css .js 等等静态资源
    //components: 组件 一般存放的都是一些公共的组件,不是页面级别的组件, 例如 header. footer. 轮播图组件. 弹窗组件了
    // App.vue 项目的根组件 最终所有的页面组件都要放在根组件中进行页面上的展示
    // main.js 项目的入口文件, 项目运行执行的文件(项目与最终打包时的入口文件)
    // .gitignore 项目提交到远程仓库的时候不上传到远程仓库的文件设置
    // index.html // 整个项目的唯一的html文件 单页应用 spa  (signal  page application)
    // package-lock.json  记录项目中依赖包的版本号的. 锁定版本, 避免由于包的更新,导致项目运行不起来
    // package.json 记录项目中有哪些依赖包. 记录项目的执行的脚本命令
    // vite.config.js vue使用的打包工具是 vite(尤雨溪团队)专门针对vue3 一个打包工具
    // 改文件用来配置打包工具的




